.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
  //color: #606266 !important;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

.el-dropdown-menu {
  a {
    display: block;
  }
}

.el-dropdown-menu__item.custom-disabled-dropdown-item.is-disabled {
  cursor: not-allowed;
  pointer-events: auto;

  .dropdown-item-text {
    pointer-events: none;
  }
}

.el-range-separator {
  box-sizing: content-box;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c1c1c1;

  &:hover {
    background-color: #a8a8a8;
  }
}

.hover-show-scrollbar {
  overflow: auto;

  &::-webkit-scrollbar-thumb {
    display: none;
  }

  &:hover::-webkit-scrollbar-thumb {
    display: block;
  }
}

.el-table .el-table__body-wrapper {
  &::-webkit-scrollbar-thumb {
    display: none;
  }

  &:hover::-webkit-scrollbar-thumb {
    display: block;
  }
}

.el-button--text:focus, .el-button--text:hover {
  color: var(--button-default-color);
}

.el-button {
  &.el-button--default {
    background-color: var(--button-default-bgColor);
    border-color: var(--button-default-borderColor);
    color: var(--button-default-color);

    &:hover,
    &:focus {
      background-color: var(--button-default-hover-bgColor);
      border-color: var(--button-default-hover-borderColor);
      color: var(--button-default-hover-color);
    }
  }

  &.el-button--primary {
    background-color: var(--button-primary-bgColor);
    border-color: var(--button-primary-borderColor);
    color: var(--button-primary-color);

    &:hover,
    &:focus {
      background-color: var(--button-primary-hover-bgColor);
      border-color: var(--button-primary-hover-borderColor);
      color: var(--button-primary-hover-color);
    }

    &.is-plain {
      background-color: var(--button-primary-plain-bgColor);
      border-color: var(--button-primary-plain-borderColor);
      color: var(--button-primary-plain-color);

      &:hover,
      &:focus {
        background-color: var(--button-primary-plain-hover-bgColor);
        border-color: var(--button-primary-plain-hover-borderColor);
        color: var(--button-primary-plain-hover-color);
      }
    }
  }

  &.el-button--danger {
    // background-color: var(--button-danger-bgColor);
    // background-color: #fff;
    border-color: var(--button-danger-borderColor);
    color: var(--button-danger-color);

    &:hover,
    &:focus {
      background-color: var(--button-danger-hover-bgColor);
      border-color: var(--button-danger-hover-borderColor);
      color: var(--button-danger-hover-color);
    }

    &.is-plain {
      background-color: #fff;
      // background-color: var(--button-danger-plain-bgColor);
      border-color: var(--button-danger-plain-borderColor);
      color: var(--button-danger-plain-color);

      &:hover,
      &:focus {
        background-color: var(--button-danger-plain-hover-bgColor);
        border-color: var(--button-danger-plain-hover-borderColor);
        color: var(--button-danger-plain-hover-color);
      }
    }
  }
}

.el-message {
  border-radius: 3px 3px 3px 3px;

  &.el-message--warning {
    background-color: var(--message-warning-bgColor);
    border-color: var(--message-warning-borderColor);

    .el-icon-warning {
      color: var(--message-warning-icon-color);
    }

    .el-message__content {
      color: var(--message-warning-color);
    }
  }

  &.el-message--success {
    background-color: var(--message-success-bgColor);
    border-color: var(--message-success-borderColor);

    .el-icon-success {
      color: var(--message-success-icon-color);
    }

    .el-message__content {
      color: var(--message-success-color);
    }
  }

  &.el-message--error {
    background-color: var(--message-error-bgColor);
    border-color: var(--message-error-borderColor);

    .el-icon-error {
      color: var(--message-error-icon-color);
    }

    .el-message__content {
      color: var(--message-error-color);
    }
  }
}

.el-message-box.set-max-height50 {
  width: auto;
  max-width: 50vw;

  &.width-50 {
    width: 50%;
  }

  .el-message-box__message {
    max-height: 50vh;
    overflow: auto;

    p {
      word-wrap: break-word;
      word-break: normal;
    }
  }
}

.el-pagination {
  &.is-background {
    .el-pager {
      li {
        &.number {
          &.active {
            background-color: var(--pagination-active-bgColor);
            color: var(--pagination-active-color);
          }

          &:hover {
            color: var(--pagination-hover-color);
          }
        }

        &.el-icon.more:hover {
          color: var(--pagination-hover-color);
        }

        &:hover {
          color: var(--pagination-hover-color);
        }
      }
    }
  }
}

.el-input__inner,
.el-textarea__inner {
  border-color: var(--input-borderColor);

  &:focus,
  &:hover {
    border-color: var(--input-hover-borderColor);
  }
}

.el-cascader,
.el-select {
  .el-input {
    .el-input__inner {
      &:focus,
      &:hover {
        border-color: var(--input-hover-borderColor);
      }
    }

    &.is-focus {
      .el-input__inner {
        border-color: var(--input-hover-borderColor);

        &:focus,
        &:hover {
          border-color: var(--input-hover-borderColor);
        }
      }
    }
  }
}

.el-cascader {
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  padding: 0 10px;
}

.el-select-dropdown {
  .el-select-dropdown__item {
    &.selected {
      color: var(--select-dropdown-item-selected-color);
    }

    &:hover {
      background-color: var(--select-dropdown-item-hover-bgColor);
    }
  }

  &.is-multiple {
    .el-select-dropdown__item.selected {
      color: var(--select-dropdown-item-selected-color);
    }
  }
}

.el-cascader__dropdown {
  .el-cascader-node {
    &.is-selectable.in-checked-path,
    &.in-active-path,
    &.is-active {
      color: var(--cascader-dropdown-node-active-color);
    }

    &:hover {
      background-color: var(--cascader-dropdown-node-hover-bgColor);
    }
  }
}

.el-checkbox__input {
  &.is-focus .el-checkbox__inner {
    border-color: var(--checkbox-checked-borderColor);
  }

  .el-checkbox__inner {
    &:hover {
      border-color: var(--checkbox-checked-borderColor);
    }
  }

  &.is-checked {
    .el-checkbox__inner {
      background-color: var(--checkbox-checked-bgColor);
      border-color: var(--checkbox-checked-borderColor);
    }
  }

  &.is-indeterminate {
    .el-checkbox__inner {
      background-color: var(--checkbox-indeterminate-bgColor);
      border-color: var(--checkbox-indeterminate-borderColor);
    }
  }
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--checkbox-checked-color);
}

.el-radio__input {
  &.is-focus .el-radio__inner {
    border-color: var(--radio-checked-borderColor);
  }

  .el-radio__inner {
    &:hover {
      border-color: var(--radio-checked-borderColor);
    }
  }

  &.is-checked {
    .el-radio__inner {
      background-color: var(--radio-checked-bgColor);
      border-color: var(--radio-checked-borderColor);
    }
  }

  &.is-disabled.is-checked {
    .el-radio__inner {
      background-color: var(--radio-checked-bgColor);
      border-color: var(--radio-checked-borderColor);
    }
  }
}

.el-radio__input.is-checked + .el-radio__label {
  color: var(--radio-checked-color);
}

.el-radio-button {
  .el-radio-button__inner {
    &:hover {
      color: var(--redio-button-hover-text-color);
      background-color: var(--redio-button-hover-bgColor);
      border-color: var(--radio-button-checked-borderColor);
    }
  }

  &.is-checked {
    .el-radio-button__inner {
      background-color: var(--redio-button-checked-bgColor);
      border-color: var(--radio-button-checked-borderColor);
    }
  }

  &.is-disabled.is-checked {
    .el-radio-button__inner {
      background-color: var(--redio-button-checked-bgColor);
      border-color: var(--radio-button-checked-borderColor);
    }
  }
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: var(--radio-button-checked-text-color);
  background-color: var(--redio-button-checked-bgColor);
  border-color: var(--radio-button-checked-borderColor);
}

.el-loading-mask {
  .el-loading-spinner i,
  .el-loading-text {
    color: var(--loading-color);
  }
}

.el-input-number {
  line-height: 30px !important;
}

.el-input--suffix .el-input__icon,
.el-form-item__label,
.el-form-item__content {
  line-height: 32px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-date-editor {
  &.el-range-editor {
    &.is-active {
      border-color: var(--date-editor-range-borderColor);

      &:hover {
        border-color: var(--date-editor-range-borderColor);
      }
    }
  }
}

.el-date-table {
  td.current:not(.disabled) span,
  td.end-date span,
  td.start-date span {
    background-color: var(--date-editor-date-table-bgColor);
  }

  td.today span,
  td.available:hover {
    color: var(--date-editor-date-table-hover-color);
  }
}

.el-picker-panel__shortcut:hover,
.el-month-table td .cell:hover,
.el-month-table td.today .cell,
.el-month-table td.current:not(.disabled) .cell,
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell,
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-picker-panel__icon-btn:hover {
  color: var(--date-editor-date-table-hover-color);
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
  color: #fff;
  background-color: var(--date-editor-date-table-bgColor);
}

.el-tabs {
  .el-tabs__header {
    background-color: var(--tabs-header-bgColor);
    margin-bottom: 0;

    .el-tabs__nav-wrap {
      padding: 0 20px;
    }
  }

  .el-tabs__item {
    height: 50px;
    line-height: 50px;
    color: var(--tabs-item-color);

    &.is-active {
      font-weight: bold;
      color: var(--tabs-item-avtive-color);
    }

    &:hover {
      color: var(--tabs-item-avtive-color);
    }
  }

  .el-tabs__active-bar {
    background-color: var(--tabs-active-bar-bgColor);
  }
}

.no-data-box {
  width: 378px;
  height: 280px;
  margin: 120px auto;
  position: relative;
  background-image: url(~@/assets/images/no-data.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;

  .no-data-text {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
  }
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: none;
}

.cascader-theder {
  .el-cascader-panel .el-radio {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
  }

  .el-cascader-node__label {
    padding-left: 24px;
  }
}

.cascader-theder {
  .el-cascader-panel .el-checkbox {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
  }

  .el-cascader-node__label {
    padding-left: 24px;
  }
}

.el-switch.on-off-text .el-switch__label {
  position: absolute;
  display: none;
  color: #fff;
  font-size: 12px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);

  &.el-switch__label--left {
    right: 0;

    span {
      font-size: 12px;
    }
  }

  &.el-switch__label--right {
    left: 0;

    span {
      font-size: 12px;
    }
  }

  &.el-switch__label.is-active {
    display: block;
  }
}

.el-switch.on-off-yn-text .el-switch__label {
  position: absolute;
  display: none;
  color: #fff;
  font-size: 12px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);

  &.el-switch__label--left {
    right: 6px;

    span {
      font-size: 12px;
    }
  }

  &.el-switch__label--right {
    left: 6px;

    span {
      font-size: 12px;
    }
  }

  &.el-switch__label.is-active {
    display: block;
  }
}

.el-switch.on-off-yn-text,
.el-switch.on-off-text {
  &.is-disabled::before {
    cursor: not-allowed;
  }
}

.el-image-viewer__wrapper {
  .el-icon-circle-close {
    color: #fff;
  }
}

.el-button--text {
  color: var(--button-default-hover-borderColor);
}

.el-message-box__title {
  font-weight: bold;
}

.el-message-box__status {
  position: absolute;
  top: 0;
  transform: translateY(0);
}

.el-message-box__message {
  text-align: justify;
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100%;
}

.el-dialog {
  min-width: 580px;
}

/* 对于日期格式为 yyyy-MM-dd HH,小时选择时不想选择分，可以使用如下样式，将第一个元素宽度设置为100% ,参考: date-picker-pop-format-hour 样式*/
.date-picker-pop-format-hour .el-time-spinner div:first-child {
  width: 100%
}

/* 将第二个元素不显示*/
.date-picker-pop-format-hour .el-time-spinner div:nth-child(2) {
  display: none;
}
